
@use "~/styles/variables.scss" as *;

.type-switch {
    line-height: 30rpx;
    margin-left: 10rpx;
    margin-bottom: 20rpx;
    font-weight: 500;
    .type-item {
        margin: 10rpx 20rpx 10rpx 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        .type-name {
            padding: 15rpx;
        }
        .bottom-line {
            height: 6rpx;
            border-radius: 3rpx;
            width: 0;
            opacity: 0.8;
            transition: width 0.5s;
        }
        &.active {
            color: $color-primary;
            .bottom-line {
                width: 100%;
                background-color: $color-primary;
            }
        }
    }
    .right-content {
        margin-right: 25rpx;
    }
}

.img-list-component {
    width: 650rpx;
    max-width: 650rpx;
    margin: 10rpx 0;
    transform: translateX(-8rpx);
    .img-item {
        width: 150rpx;
        height: 150rpx;
        border-radius: 10rpx;
        margin: 8rpx;
        box-sizing: border-box;
    }
    .add-img {
        border: 1px solid;
        background: rgba(0,0,0,0.05);
    }
}